<template>
	<view class="index">
		<view class="title">
			<text>{{item.title}}</text>
		</view>
		<view class="description">
			<text>{{item.description}}</text>
		</view>
		<view class="price">
			<text>￥{{item.price}}</text>
		</view>
		<view class="info u-flex u-row-between">
			<text class="alert">不支持7天无理由退货</text>
			<view class="addr u-flex u-row-between">
				<text>苏州</text>
				<text>包邮</text>
			</view>
		</view>
		<view class="price-bar u-flex ">
			<view class="ract">
				<text>满减</text>
			</view>
			<text>店铺内消费金额满299减30</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.index{
		background-color: $uni-bg-color;
		padding: $uni-spacing-col-base $uni-spacing-row-base;
		.title{
			font-size: 34upx;
			font-weight: bold;
			padding-bottom: 21upx;
		}
		.description{
			font-size: $uni-font-size-sm;
			color: $uni-text-color-grey;
			padding-bottom: 35upx;
		}
		.price{
			font-size: 34upx;
			font-weight: bold;
			color: #E12E2E;
			padding-bottom: 24upx;
		}
		.info{
			font-size: $uni-font-size-sm;
			color: $uni-text-color-grey;
			.addr{
				width: 110upx;
			}
			padding-bottom: 40upx;
		}
		.price-bar{
			&>text{
				font-size: $uni-font-size-sm;
				color: $uni-text-color-grey;
			}
			.ract{
				width: 70upx;
				height: 36upx;
				font-size: 24upx;
				text-align: center;
				color: #FEAD00;
				font-weight: bold;
				border: 1upx solid  #FEAD00;
				border-radius: 36upx;
				margin-right: 18upx;
			}
		}
	}
</style>
